/*基本样式*/
h2{font-weight:normal;}
.page_content{
	padding: 5px 10px 0 10px;
}
/*基本样式*/

/*框架主体设置*/
#mainFrame{
	background-color:#ffffff; /*主体内容区颜色*/
}
.contentStyleLeft{
	padding: 0 0px 0 0px; /*设置左侧内容边距*/
}
.contentStyle{
	padding: 0 0px 0 1px; /*设置右侧内容边距*/
}
body{
	background: #fff;
}
#hideCon{
	width: 200px; /*设置左侧框架宽度*/
	background: #273142;
}
#bs_left{
	width: 200px; /*设置左侧框架宽度*/
	/*transition:width .2s linear 0.05s;
	-moz-transition:width .2s linear 0.05s;
	-webkit-transition:width .2s linear 0.05s;
	-o-transition:width .2s linear 0.05s;*/
	background: #273142;
	/*overflow-x: hidden;*/
	
}
/*框架主体设置*/

/*框架左侧盒子模型*/
#lbox{
	background-color:transparent!important;
}

#lbox_topleft{
	height:100%;
}
#lbox_topright{
	height:100%;
}
#lbox_middlecenter{
	background-color:#f0f9fd;
}
#lbox_middleleft{
}
#lbox_middleright{
}
#lbox_bottomcenter{
	height:0px;
	line-height:0px;
	overflow:hidden;
	display:none;
}
#lbox_bottomleft{
	
}
#lbox_bottomright{
	
}
.lbox_title{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	padding:0px 0 0 45px;
}
.lbox_foot{
	color:#ffffff;
	text-align:center;
}
/*框架左侧盒子模型*/

/*框架右侧盒子模型*/
#rbox{
	background-color:#EDF2F6;
	/*padding:5px 4px 0 0;*/
}
#rbox_topcenter{
	height:20px;
	overflow:hidden;
	/*display:none;*/
}
#rbox_topleft{
}
#rbox_topright{
}
#rbox_middlecenter{
	/*background-color:#ffffff;*/
	padding: 0px 0px 0 20px;
}
#rbox_bottomcenter{
	height:0px;
	overflow: hidden;
	background-color:#ffffff;
}
#rbox_bottomleft{
}
#rbox_bottomright{
}
.rbox_title{
	display: none;/*当右侧盒子标题为图片时隐藏文字标题*/
}
/*框架右侧盒子模型*/

/*头部与导航*/
#hbox{
	padding: 0px;
	background: #1488C6;
}
#bs_bannercenter{
	width: 100%;
	height: 60px;
	/*border-bottom: 1px solid #F0F0F0;*/
}
#bs_bannerleft{
	width: 100%;
	height: 100%;
	position: relative;
}
.main_title{
	width: 250px;
	height: 100%;
	background-image: url(main_title.png);
	background-repeat: no-repeat;
	float: left;
	background-position: 0 center;
}
#bs_bannerright{
	width: 100%;
	height: 100%;
	position:relative;
}

.bs_banner_logo{
	background-image: url(logo.png);
	background-repeat: no-repeat;
	width:71px;/*logo宽度*/
	height:42px;/*logo高度*/
	position:absolute;
	top:15px;/*logo y坐标*/
	left:20px;/*logo x坐标*/
}
.bs_banner_title{
	background-image: url(title.png);
	background-repeat: no-repeat;
	width:339px;/*头部标题宽度*/
	height:36px;/*头部标题高度*/
	position:absolute;
	top:20px;/*头部标题y坐标*/
	left:100px;/*头部标题x坐标*/
}
.subTitle{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	left:430px;
	top:30px;
}
.top_function{
	position:absolute;
	right:20px;
	top:1px;
}
/*头部与导航*/


/*一级图标*/
.nav_icon_h{
	position:absolute;
	left:350px;
	top:0px;
}
.nav_icon_h_item{
	float:left;
	padding:0 0px 0 0;
}
.nav_icon_h_item img{
	width:45px;
	height:45px;
}
.nav_icon_h_item a{
	text-align:center;
	display:block;
	width:92px;
	height:50px;
	overflow:hidden;
	color:#ffffff;
	font-size:13px;
}
.nav_icon_h_item a:hover{
	background: #056DAF url(navbg.png);
	background-repeat:no-repeat;
	text-decoration:none;
	color:white;
}

.nav_icon_h_item .current{
	background-image: url(navbg.png);
	background-repeat:no-repeat;
	text-decoration:none;
	color:white;
}
.nav_icon_h_item_text{
	color:#ffffff;
	text-shadow: #000000 1px 1px 2px;
}
.nav_more_content .nav_icon_h_item_text{
	color: #525252;
	text-shadow: #000000 0px 0px 0px;
}
.nav_more_content .nav_icon_h_item a:hover .nav_icon_h_item_text{
	color:#ffffff!important;
	text-shadow: #000000 1px 1px 2px;
}
.nav_icon_h_item_text2{
	color:#000000;
}
.nav_icon_h_item a:hover .nav_icon_h_item_text2{
	color:#ffffff;
}
.nav_icon_h_item .current .nav_icon_h_item_text2{
	color:#ffffff;
}
.nav_icon_h_item_img{
	padding:10px 0 0 0;
}
.nav_icon_h .nav_more{
	width: 50px;
	height: 50px;
	float: left;
	cursor: pointer;
	position: relative;
	background: url(nav_more.png) no-repeat center center;
}
.nav_more_content{
	position: absolute;
	top: 50px;
	right: 0;
	width: 656px;
	background: #fff;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
	border: 1px solid #EEEEEE\9;
	border-top: 0px\9;
	display: none;
	padding: 5px 20px;
}


.flat_home {
    background-image: url("icon_home.png");
    background-position: 0 40%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0 5px 0 18px;
    word-break: keep-all;
    word-wrap: normal;
}
.flat_fullscreen{
	 background-image: url("icon_fullscreen.png");
	 background-position: 0 40%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0 5px 0 18px;
    word-break: keep-all;
    word-wrap: normal;
}
.flat_exit{
	 background-image: url("icon_exit.png");
    background-position: 0 40%;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0 5px 0 18px;
    word-break: keep-all;
    word-wrap: normal;
}
.header_menu{
	float: left;
	/*border: 1px solid red;*/
	/*margin-left: 100px;*/
}
.header_menu li{
	float: left;
}
.header_menu li a{
	display: block;
	/*width: 95px;*/
	padding: 0 20px;
	height: 60px;
	color: white;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
}
.header_menu li a:hover{
	background: #117cb5;
	transition: all .2s ease-in-out;
}
.header_menu li a.active{
	background: #117cb5;
}
.header_menu li a span{
	display: inline-block;
	/*margin-left: 5px;*/
}
.header_menu li a i{
	display: inline-block;
	width: 16px;
	height: 16px;
	/*border: 1px solid red;*/
	/*background-image: url(index_icon_hover.png);*/
	background-repeat: no-repeat;
}




.top_right{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 195px;
	background: #1488C6;
}
.top_right .home{
	display: block;
	float: left;
	width: 40px;
	height:60px;
	background: url(home.png) center center no-repeat;
}
.setting{
	cursor: pointer;
	display: inline-block;
	height: 60px;
	float: right;
	margin-right: 20px;
}
.right_toggle{
	display: block;
    width: 50px;
    height: 100%;
    line-height: 40px;
    border-left: 1px solid #F0F0F0;
    position: relative;
}
.right_toggle span {
    margin: auto;
    width: 100%;
    height: 100%;
    background: url(set_icon.png) center center no-repeat;
    display: block;
}
.right_toggle_content {
    width: 170px;
    height: auto;
    background: white;
    position: absolute;
    top: 60px;
    right: 0;
    *border: 1px solid #ccc; 
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
    border-radius: 5px;
    display: none;
    background: #D8E3EF;
    z-index: 99;
}
.right_toggle_content li a{
	display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #657180;
    font-size: 13px;
    background: white;
}
.right_toggle_content li i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 12px 10px 0 10px;
    float: left;
    background: url(icon_play.png) -22px 0px no-repeat;
}
.right_toggle_content li.right_toggle_lock_screen i {
    background: url(icon_play.png) -22px -18px no-repeat;
}
.right_toggle_content li.right_toggle_sign_out i {
    background: url(icon_play.png) -22px -35px no-repeat;
}
.right_toggle_content li a:hover {
    background: #1488C6;
    color: white;
    transition:background .1s linear 0.05s;
}
.right_toggle_content li.right_toggle_home:hover i{
    background: url(icon_play.png) -2px 0px no-repeat;
}
.right_toggle_content li.right_toggle_lock_screen:hover i{
    background: url(icon_play.png) -2px -18px no-repeat;
}
.right_toggle_content li.right_toggle_sign_out:hover i{
    background: url(icon_play.png) -2px -35px no-repeat;
}





/*清除浮动样式*/
.clearfloat:after{
	content: "";
	clear: both;
	display: block;
	zoom: 1;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}


/*框架左侧盒子模型*/
.LeftNav_win{
	width: 100%;
	*width: 98%;
	height: 100%;
	box-sizing: border-box;
	background: #273142;
	overflow-y: auto;
	overflow-x: hidden;
}
.LeftNav_win *{
	box-sizing: border-box;
}
.stair_win{
	width: 100%;
	height: auto;
}
.LeftNav_title{
	width: 200px;
	/**width: 247px;*/
	height: 60px;
	background: #273142;
	color: white;
	font-size: 14px;
}
/*.LeftNav_title i{
	display: block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 22px 5px 0 13px;
    background: url(LeftNav_title.png) no-repeat center center;
}*/
.LeftNav_title span{
	font-size: 14px;
    line-height: 60px;
    float: left;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    width: 80px;
    text-align: center;
    margin-left: 40px;
}
.LeftNav_title b{
	display: block;
    width: 16px;
    height: 16px;
    margin: 22px;
    margin-right: 15px;
    float: right;
    background-image: url(index_icon_hover.png);
    background-repeat: no-repeat;
    background-position: -64px -80px;
    cursor: pointer;
}

.menu_collapse .LeftNav_title b{
	margin-right: 32px;
}
/*一级菜单*/

.stair_win *{
	box-sizing: border-box;
}
.menuContent{
	
}
.style1{
	width: 100%;
	min-height: 35px;
}
.style1 .childContent{
	display: none;
	border-left: 2px solid #1488C6;
}
.style1 .childContent.active{
	position: absolute;
	left: 44px;
	top: 0;
	width: 200px;
	max-height: 500px;
	overflow: auto;
	margin-top: 0;
	overflow-x: hidden;
	border-left: 0;
	z-index: 999;
}
.style1 a{
	display: block;
	width: 100%;
	height: 40px;
	overflow: hidden;
	background-color: #273142;
	cursor: pointer;
	/*border-bottom: 1px solid #b9cad3;*/
	color: #919DAB;
}

.style1>a:hover{
	color: #919DAB!important;
	background: #202227;
}
.style1>a.active{
	background: #202227;
}
.style2 a{
	height: 40px;
	background-color: #202227;
	transition: all .15s ease-in-out;
}
.style2 a span{
	line-height: 40px!important;
}
.style2 a:hover{
	/*background-color: #444a56!important;*/
    color: #1488C6;
}
.style2 a:hover i{
	background-image: url(index_icon_hover.png)!important;
}
.style2 a.hover em{
	display: block!important;
}
.style2 a.hover{
	/*background-color: #444a56!important;*/
    transition: all .3s ease-in-out;
    color: #1488C6;
}
.style2 a.hover i{
	background-image: url(index_icon_hover.png)!important;
}

.style1 a i{
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 14px 5px 0 0px;
	margin-left: 13px;
	background-image: url(index_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*.style1>a i {
    width: 22px;
    height: 22px;
    background-image: url(index_icon_hover.png);
    margin: 19px 20px 0 20px;
}*/
.menu_collapse .style1>a i{
	margin: 14px auto 0 auto;
	float: none;
}
.style1 a span{
	font-size: 14px;
    line-height: 40px;
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    width: 98px;
}
.style1 a b{
	display: block;
    width: 14px;
    height: 40px;
    float: right;
    margin-right: 8px;
    background-image: url(stair_icon_down.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}
.style1>a b {
    background-image: url(stair_icon_right_big.png);
    width: 14px;
    height: 40px;
    margin: 0;
    margin-right: 20px;
}
.style1 a.bigNav{
	height:auto;
	position: relative;
	padding: 10px 0;
}
.style1 a.bigNav img{
	display: block;
	width: 50px;
	margin: auto;
}
.style1 a.menu_collapse img{
	width: 30px;
	transition: all .3s ease-in-out;
}
.style1 a.menu_collapse b{
	display: none;
}
.style1 a.menu_collapse span{
	display: none;
}
.style1 a.bigNav span{
	width: 100%;
	text-align: center;
}
.style1 a.bigNav b{
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -20px;
}
.style2 a b.rotate{
	background-image: url(stair_icon_up.png)\9!important;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


.active_b{
	background-image: url(stair_icon_right.png)!important;
	-webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -ms-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
}
.style1 a em{
	display: block;
	width: 12px;
	height: 12px;
	float: right;
	background: url(a.hover.png) no-repeat 5px 0;
	display: none;
	margin-top:14px;
}
.rotate {
	background-image: url(stair_icon_down_big.png)\9!important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.menuContent .style2 a b{
	display: none;
}
.childContent .style2 .style2{
	display: none;
}
.childContent>.style2 .style2 a b{
	display: none;
}














/*收缩按钮*/
.stair_win .shrink{
	width: 100%;
	height:40px;
	position: relative;
}
.stair_win .shrink i{
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #b9cad3;
	margin: auto;
	margin-top: 20px;
}
.stair_win .shrink b{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-left: -20px;
	background: #FFFFFF url(shrink_left.png) no-repeat center center;
	cursor: pointer;
	transition:background .2s linear 0.05s;
}
.stair_win .shrink b.active{
	background: #FFFFFF url(shrink_right.png) no-repeat center center;
}
/*导航鼠标滑过显示的容器*/
.hover_Content{
	box-sizing: border-box;
	width: 150px;
	height: auto;
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 0px;
	left: 49px;
	z-index: 9999;
	background: white;
	cursor: pointer;
	display: none;
}
.fc-event{
	background-color: #1488C6!important;
	border-color: #1488C6!important;
}
